<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>MDR</title>
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./modern.css">
    <link href="./modern-responsive.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  </head>
  <body>
  	<header>
  		<div id="imglogo"></div>
  		<div id="titrelogo">IOBH</div>
  	</header>



  	<div id="logincontenair">

	<img src="http://icons.iconarchive.com/icons/dakirby309/windows-8-metro/256/Apps-App-Store-alt-Metro-icon.png" id="chatlogo" />  	
  	
  	<div id="loginfields">
  	
  		<h3>Login : </h3>
	  	<div class="input-control text">
	        <input type="text" />
	        <span class="helper"></span>
	    </div>
	  	
	  	<h3>Password : </h3>
	    <div class="input-control password">
	        <input type="password" />
	        <span class="helper"></span>
	    </div>
	    
	    
	    <input id="gogogo" type="submit" value="Submit"/>
  	</div>
  	
	<footer>
		© 2012 Honoré & Giovanetti.
	</footer>



  </body>
</html>